<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ajax</title>
<script type="text/javascript">
var XMLHttpRequestObject = null;

if (window.XMLHttpRequest){
  XMLHttpRequestObject = new XMLHttpRequest();
}
else if (window.ActiveXObject){
  XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}

function pobierzDane()
{
  if(XMLHttpRequestObject){
    var p = document.getElementById("pt1");
    XMLHttpRequestObject.open("GET", "http://localhost/dane.txt");
    XMLHttpRequestObject.onreadystatechange = function()
    {
      if (XMLHttpRequestObject.readyState == 4 && 
          XMLHttpRequestObject.status == 200) {
        p.innerHTML = XMLHttpRequestObject.responseText;
      }
    }
    XMLHttpRequestObject.send(null);
  }
}
</script>
</head>
<body>
<div>
<input type="button" value="Kliknij tu" onclick="pobierzDane();">
</div>
<p id="pt1">
Ten tekst zostanie zmieniony.
</p>
</body>
</html>
